@import '~styles/variables.scss';
@import '~styles/mixin.scss';

.rect-one{
	width: 7rem;
	height: 7rem;
	border: 1px solid $lightColor;
	background-color: white;
	border-radius: .533333rem;
	float: left;
	margin-right: 1.0rem;
	margin-bottom: 1.0rem;
	display: flex;
	padding: 1.5rem 0;
	flex-direction: column;
	justify-content: space-around;
	@include boxShadow(8px);
	&:nth-child(3n){
		margin-right: 0;
	}
	span{
		text-align: center;
		&.rect-title{
			color: $ColorLight;
			font-size: $fontSizeMini;
		}
		&.rect-number{
			font-weight: bold;
			color: $lightColor;
			font-size: $fontSizeHuge;
		}
	}
}
